.t-a-r{
  text-align: right
}
.t-a-l{
  text-align: left
}
.t-a-c{
  text-align: center
}
.h-e-n{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.h-e-n-2{
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.d-f-b{
  display: block;
}
.d-f-c{
  display: flex;
  align-items: center;
}
.d-f-c-c{
  display: flex;
  justify-content: center;
  align-items: center;
}
.d-f-s-b-c{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.d-f-s-a-c{
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.d-f-c-c-c{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.w {
  width: 100%;
}
.w-100 {
  width: 100px;
}
.w-140 {
  width: 140px;
}
.w-160 {
  width: 160px;
}
.w-180 {
  width: 180px;
}
.w-240{
  width: 240px
}
.w-300{
  width: 300px;
}
// ======
.p-10{
  padding: 10px
}
.p-20{
  padding: 20px
}
.p-t-10{
  padding-top: 10px
}
.p-t-20{
  padding-top: 20px
}
.p-r-10{
  padding-right: 10px
}
.p-r-20{
  padding-right: 20px
}
// =======
.m-t-10{
  margin-top: 10px
}
.m-t-20{
  margin-top: 20px
}
.m-l-10{
  margin-left: 10px
}
.m-l-20{
  margin-left: 20px
}
.m-r-10{
  margin-right: 10px
}
.m-r-20{
  margin-right: 20px
}

// =====
.c-p{
  cursor: pointer;
}

// el-row 满屏高度适应
.el-row-height-100{
  &.el-row{
    height:100%;
  }
  .el-col{
    height:100%;
  }
}